<!--  -->
<template>
    <div class="container"></div>
</template>

<script>
export default {
  name: "Splash",
  components: {},
  data() {
    return {
        timer:null
    };
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {
      this.timer=setTimeout(()=>{
          if(!this.$store.state.isFirstStart){
               this.$router.replace("/guide")
          }
          else{
               this.$router.replace("/index")
          }
      },2000)
  },
  updated() {}, //生命周期 - 更新之后
  destroyed() {
      clearTimeout(this.timer)
      this.timer=null
  } //生命周期 - 销毁完成
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.container {
  height: 100%;
  background: url("../assets/imgs/splash.png");
  background-size: 100% 100%;
}
</style>